<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="user.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="../thirdparty/jquery-3.6.0.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script>
        $(function()
        {
            $("div li").click(function()
            {
                var name = $(this).text()
                console.log(name)
                if(name.indexOf("头像") != -1)
                {
                    
                }
                if(name.indexOf("昵称") != -1)
                {
                    var user_name = prompt("请输入你的名字","Harry Potter");
                    console.log(user_name)
                }
                if(name.indexOf("性别") != -1)
                {
                    var sex = prompt("请输入你的性别","");
                    console.log(sex)
                }
            })
        })
    </script>
</head>
<body>
    <h2>个人资料</h2>
    <div>
        <li>头像<img src="head.jpg" width="50px">&gt</li>
        <li>昵称 unknow &gt</li>
        <li>性别 &gt</li>
        <li>出生年月 &gt</li>
        <li>个性签名 &gt</li>
        <li>学校 &gt</li>
        <li>UID &gt</li>
        <li id="last">账号身份认证 &gt</li>
    </div>
    <button id="logout" class="btn btn-danger">退出登录</button>
</body>
</html>